<template>
<section class="page index-page">
  <header class="index-page-header">
    <el-button-group>
      <router-link class="el-button el-button--default" to="/reg/ship">开通会员</router-link>
      <router-link class="el-button el-button--default" to="/login">账号登录</router-link>
    </el-button-group>
  </header>

  <div class="index-info">
    <h1>鲸图</h1>
    <p>专门为摄影师、设计师和创意人员</p>
    <p>提供存储和分享工作项目的服务。</p>
  </div>

</section>
</template>

<script>
export default {
  name: 'IndexPage',
  data () {
    return {
      
    }
  }
}
</script>

<style lang="less">
.index-page-header {
  padding: 28px 30px;
  text-align: right;
}

.index-info {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -80%);
  color: #43acd3;

  h1 {
    font-size: 56px;
    line-height: 1.4;
  }
  p {
    font-size: 16px;
  }
}
</style>
